<template>
  <div class="count">
    <h2>Count组件</h2>
    <button @click="getParent($parent)">获取$parent</button>
  </div>
</template>

<script lang="ts">
import {defineComponent} from "vue";

export default defineComponent({
  name: "Count",
});

</script>

<script lang="ts" setup>
const getParent = (parent: any) => {
  console.log(parent)
  console.log(parent.num)
}
/*
* $parent(组件通信)总结：
* 1- 在setup中无法获取$parent 因为没有组件实例this,所以需要传参传递进来
* 2- 通过$parent通信 子组件要想获取组件的信息 父组件必须通过 defineExpose 暴露 需要的数据
* 3- $parent（子传父） 在v3中 删除了children
* */
</script>

<style scoped>
.count {
  background-color: skyblue;
}
</style>